<template>
  <t-dialog
    :header="`${header}-项目执行情况表`"
    :visible.sync="visible"
    :onClose="closeDialog"
    :closeOnOverlayClick="false"
    :confirmBtn="null"
    width="80%"
    top="5%"
  >
    <div style="height: 65vh">
      <performance-report-detail :objId="objId" :project-id="projectId"></performance-report-detail>
    </div>
  </t-dialog>
</template>

<script>
import performanceReportDetail from "./performance-report-detail.vue";

export default {
  name: "performance-report-detail-dialog",
  components:{
    performanceReportDetail
  },
  props:{
    objId: [String,Number],
    projectId: [String,Number],
    header: String,
    tabDefaultValue: {
      type: String,
      default: '1'
    }
  },
  data(){
    return {
      visible: true,
      stepValue: this.tabDefaultValue,
    }
  },
  methods:{
    closeDialog() {
      this.$emit("update:visible", false);
    },
  }
}
</script>

<style scoped>

</style>
